<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
	<nav class="main-header navbar navbar-expand navbar-white navbar-light"
		id="top">
		<!-- Left navbar links -->
		<ul class="navbar-nav">
			<li class="nav-item"><a class="nav-link" data-widget="pushmenu" href="#"><i class="fas fa-bars"></i></a></li>
			<li class="nav-item d-none d-sm-inline-block"><a th:href="@{/}" class="nav-link">首页</a></li>
			<li class="nav-item d-none d-sm-inline-block"><a th:href="@{/about}" class="nav-link">关于</a></li>
		</ul>

		<!-- SEARCH FORM -->
		<form class="form-inline ml-3">
			<div class="input-group input-group-sm">
				<input class="form-control form-control-navbar" type="search" placeholder="搜索" aria-label="Search">
				<div class="input-group-append">
					<button class="btn btn-navbar" type="submit">
						<i class="fas fa-search"></i>
					</button>
				</div>
			</div>
		</form>
	</nav>

	<footer class="main-footer" id="footer">
		<strong>Copyright &copy; 2020 <a href="https://woodwhales.cn">woodwhales.cn</a>.
		</strong> All rights reserved.
		<div class="float-right d-none d-sm-inline-block">
			<b>Version</b> <span th:text="${version}"></span>
		</div>
	</footer>

	<aside class="main-sidebar sidebar-dark-primary elevation-4" id="side">
		<!-- logo -->
		<a th:href="@{/}" class="brand-link"> <span
			class="brand-text font-weight-light">woodwhales-file-cloud</span>
		</a>

		<!-- Sidebar -->
		<div class="sidebar">
			<!-- Sidebar user panel (optional) -->
			<div class="user-panel mt-3 pb-3 mb-3 d-flex">
				<div class="image">
					<img src="images/avatar-woodwhale.png"
						class="img-circle elevation-2">
				</div>
				<div class="info">
					<a href="#" class="d-block">woodwhales</a>
				</div>
			</div>

			<!-- Sidebar Menu -->
			<nav class="mt-2">
				<ul class="nav nav-pills nav-sidebar flex-column"
					data-widget="treeview" role="menu" data-accordion="false">
					<!-- Add icons to the links using the .nav-icon class with font-awesome or any other icon font library -->
					<li class="nav-item has-treeview menu-open"><a href="#"
						class="nav-link active"> <i
							class="nav-icon fas fa-tachometer-alt"></i>
							<p>
								控制面板<i class="right fas fa-angle-left"></i>
							</p>
					</a>
						<ul class="nav nav-treeview">
							<li class="nav-item"><a th:href="@{/index}"
								class="nav-link active"> <i class="far fa-circle nav-icon"></i>
									<p>主仪表盘</p>
							</a></li>
							<li class="nav-item"><a th:href="@{/history}"
								class="nav-link"> <i class="far fa-circle nav-icon"></i>
									<p>历史分享</p>
							</a></li>
						</ul></li>
					<li class="nav-header">分类</li>
					<li class="nav-item"><a href="#" class="nav-link"> <i
							class="nav-icon fa fa-bars"></i>
							<p>
								文本<span class="badge badge-info right">2</span>
							</p>
					</a></li>
					<li class="nav-item"><a href="#" class="nav-link"> <i
							class="nav-icon fa fa-bars"></i>
							<p>
								图像<span class="badge badge-info right">2</span>
							</p>
					</a></li>
					<li class="nav-item"><a href="#" class="nav-link"> <i
							class="nav-icon fa fa-bars"></i>
							<p>
								视频<span class="badge badge-info right">2</span>
							</p>
					</a></li>
					<li class="nav-item"><a href="#" class="nav-link"> <i
							class="nav-icon fa fa-bars"></i>
							<p>
								音乐<span class="badge badge-info right">2</span>
							</p>
					</a></li>
					<li class="nav-item"><a href="pages/calendar.html"
						class="nav-link"> <i class="nav-icon fa fa-bars"></i>
							<p>
								其他<span class="badge badge-info right">2</span>
							</p>
					</a></li>
					<li class="nav-header">友情链接</li>
					<li class="nav-item"><a href="https://woodwhales.cn"
						class="nav-link"> <i class="nav-icon fa fa-link"></i>
							<p>woodwhales's blog</p>
					</a></li>
					<li class="nav-item"><a href="https://fivecoder.com"
						class="nav-link"> <i class="nav-icon fa fa-link"></i>
							<p>木鲸鱼的博客</p>
					</a></li>
				</ul>
			</nav>
			<!-- /.sidebar-menu -->
		</div>
		<!-- /.sidebar -->
	</aside>
</body>
</html>